﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>

<div class="modal-dialog x-modal-dialog" style="width: 960px; margin-top: 100px;">
  <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal">
        <span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
      </button>
      <h4 class="modal-title">Session&nbsp;-&nbsp;Edit Sub Session</h4>
    </div>
    
    <form class="form-horizontal ms-form" role="form" method="POST" action="${ctx.host}/session-settings/1/sub-session">
      <input type="hidden" name="sessionId" value="1">
      <input type="hidden" name="_method" value="PATCH">
      
      <div class="modal-body sub-session-edit" style="padding: 0px; overflow: hidden;">
        
        <div class="col-xs-12 sub-session sub-session-a" style="border-bottom: 1px solid #eee; padding-bottom: 10px;">
          <p class="form-control-static" style="padding-left: 15px; margin-bottom: 5px; margin-top: 10px;">Sub Session A</p>
          <div class="col-xs-3">
            <div class="panel panel-default ihg-panel group-panel" data-id="1">
              <div class="panel-heading">
                <span class="panel-titles">GROUP A</span>
              </div>
              <div class="panel-body" style="padding: 0px;">
                <table class="table table-bordered ihg-table-table" style="margin-bottom: 0px; text-align: center;">
                  <tbody>
                    <tr>
                      <td rowspan="2" style="vertical-align: middle;">Accessor A</td>
                      <td>Delegate 1</td>
                    </tr>
                    <tr><td>Delegate 2</td></tr>
                    <tr>
                      <td rowspan="2" style="vertical-align: middle;">Accessor B</td>
                      <td>Delegate 3</td>
                    </tr>
                    <tr><td>Delegate 4</td></tr>
                  </tbody>
                </table>
              </div>
            </div>
          </div>
          <div class="col-xs-3">
            <div class="panel panel-default ihg-panel group-panel" data-id="1">
              <div class="panel-heading">
                <span class="panel-titles">GROUP B</span>
              </div>
              <div class="panel-body" style="padding: 0px;">
                <table class="table table-bordered ihg-table-table" style="margin-bottom: 0px; text-align: center;">
                  <tbody>
                    <tr>
                      <td rowspan="2" style="vertical-align: middle;">Accessor C</td>
                      <td>Delegate 5</td>
                    </tr>
                    <tr><td>Delegate 6</td></tr>
                    <tr>
                      <td rowspan="2" style="vertical-align: middle;">Accessor D</td>
                      <td>Delegate 7</td>
                    </tr>
                    <tr><td>Delegate 8</td></tr>
                  </tbody>
                </table>
              </div>
             </div>
          </div>
          <div class="col-xs-3">
              <div class="panel panel-default ihg-panel group-panel" data-id="1">
                <div class="panel-heading">
                  <span class="panel-titles">GROUP C</span>
                </div>
                <div class="panel-body" style="padding: 0px;">
                  <table class="table table-bordered ihg-table-table" style="margin-bottom: 0px; text-align: center;">
                    <tbody>
                      <tr>
                        <td rowspan="2" style="vertical-align: middle;">Accessor E</td>
                        <td>Delegate 9</td>
                      </tr>
                      <tr><td>Delegate 10</td></tr>
                      <tr>
                        <td rowspan="2" style="vertical-align: middle;">Accessor F</td>
                        <td>Delegate 11</td>
                      </tr>
                      <tr><td>Delegate 12</td></tr>
                    </tbody>
                  </table>
                </div>
               </div>
            </div>
        </div>

        <div class="col-xs-12 sub-session sub-session-b" style="padding-bottom: 10px;">
          <p class="form-control-static" style="padding-left: 15px; margin-bottom: 5px; margin-top: 10px;">Sub Session B</p>
          <div class="col-xs-3">
            <div class="panel panel-default ihg-panel group-panel" data-id="1">
              <div class="panel-heading">
                <span class="panel-titles">GROUP D</span>
              </div>
              <div class="panel-body" style="padding: 0px;">
                <table class="table table-bordered ihg-table-table" style="margin-bottom: 0px; text-align: center;">
                  <tbody>
                    <tr>
                      <td rowspan="2" style="vertical-align: middle;">Accessor G</td>
                      <td>Delegate 13</td>
                    </tr>
                    <tr><td>Delegate 14</td></tr>
                    <tr>
                      <td rowspan="2" style="vertical-align: middle;">Accessor H</td>
                      <td>Delegate 15</td>
                    </tr>
                    <tr><td>Delegate 16</td></tr>
                  </tbody>
                </table>
              </div>
             </div>
          </div>
          <div class="col-xs-3">
            <div class="panel panel-default ihg-panel group-panel" data-id="1">
              <div class="panel-heading">
                <span class="panel-titles">GROUP E</span>
              </div>
              <div class="panel-body" style="padding: 0px;">
                <table class="table table-bordered ihg-table-table" style="margin-bottom: 0px; text-align: center;">
                  <tbody>
                    <tr>
                      <td rowspan="2" style="vertical-align: middle;">Accessor I</td>
                      <td>Delegate 17</td>
                    </tr>
                    <tr><td>Delegate 18</td></tr>
                    <tr>
                      <td rowspan="2" style="vertical-align: middle;">Accessor J</td>
                      <td>Delegate 19</td>
                    </tr>
                    <tr><td>Delegate 20</td></tr>
                  </tbody>
                </table>
              </div>
             </div>
          </div>
          <div class="col-xs-3">
            <div class="panel panel-default ihg-panel group-panel" data-id="1">
              <div class="panel-heading">
                <span class="panel-titles">GROUP F</span>
              </div>
              <div class="panel-body" style="padding: 0px;">
                <table class="table table-bordered ihg-table-table" style="margin-bottom: 0px; text-align: center;">
                  <tbody>
                    <tr>
                      <td rowspan="2" style="vertical-align: middle;">Accessor K</td>
                      <td>Delegate 21</td>
                    </tr>
                    <tr><td>Delegate 22</td></tr>
                    <tr>
                      <td rowspan="2" style="vertical-align: middle;">Accessor L</td>
                      <td>Delegate 23</td>
                    </tr>
                    <tr><td>Delegate 24</td></tr>
                  </tbody>
                </table>
              </div>
             </div>
          </div>
          <div class="col-xs-3">
            <div class="panel panel-default ihg-panel group-panel" data-id="1">
              <div class="panel-heading">
                <span class="panel-titles">GROUP G</span>
              </div>
              <div class="panel-body" style="padding: 0px;">
                <table class="table table-bordered ihg-table-table" style="margin-bottom: 0px; text-align: center;">
                  <tbody>
                    <tr>
                      <td rowspan="2" style="vertical-align: middle;">Accessor M</td>
                      <td>Delegate 25</td>
                    </tr>
                    <tr><td>Delegate 26</td></tr>
                    <tr>
                      <td rowspan="2" style="vertical-align: middle;">Accessor N</td>
                      <td>Delegate 27</td>
                    </tr>
                    <tr><td>Delegate 28</td></tr>
                  </tbody>
                </table>
              </div>
             </div>
          </div>
        </div>
        
      </div>
      <div class="modal-footer">
        <button type="submit" class="btn btn-success btn-shadow btn-shadow-success x-btn">Submit</button>
        <button type="button" class="btn btn-default btn-shadow btn-shadow-default x-btn" data-dismiss="modal">Cancel</button>
      </div>
    </form>
  </div>
</div>